@mixin md-avatar-icon-spec ($color) {
  &.md-avatar-icon {
    @include md-theme-property(background-color, $color);
    @include md-theme-property(color, text-primary, $color);

    .md-icon {
      @include md-theme-property(color, text-primary, $color);
      @include md-theme-property(fill, text-primary, $color);
    }
  }
}

.md-avatar {
  @include md-theme-component() {
    @include md-avatar-icon-spec(icon-disabled);

    &.md-primary {
      @include md-theme-property(background-color, primary);
      @include md-avatar-icon-spec(primary);
    }

    &.md-accent {
      @include md-theme-property(background-color, accent);
      @include md-avatar-icon-spec(accent);
    }
  }
}
